@charset "utf-8";
/* CSS Document */
body img{width:100%;}
/*************************************导航css*******************************************/
#header_bg{width:100%; max-width:none; min-width:0; height:auto; max-height:none; margin:0 auto;}
#header_bg .p_gridCell:nth-child(n+1){margin-left:0;clear:left}
#header_bg .header_bg{padding-top:0;top:0;left:0;right:0;z-index:88;transition:all .5s ease;-webkit-transition:all .5s ease;margin-right:auto;margin-left:auto}
#header_bg .header_bg.fixed{box-shadow:0 5px 5px rgba(0,0,0,.1);background:#fff;padding-top:0;top:0}
#header_bg .header_bg.fixed #header_menu .navLi.nav08 span{ border-radius: 30px;border: 1px #666 solid;}
@media only screen and (max-width:768px){
    #header_bg.fixed .header_bg:nth-child(1){position:fixed;top:0;left:0;right:0;z-index:88;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;margin-right:auto;margin-left:auto}
}
.header_bg{margin-left:auto;margin-right:auto;width:100%}
.header_bg .p_gridbox{width:100%;overflow:hidden;position:static}
.header_bg .p_gridCell{float:left;position:static}
.header_bg .p_gridCell:not(:empty):before{content:'';height:.1px;display:block}
.header_bg .p_gridCell:first-child{margin-left:0;clear:left}
@media only screen and (max-width:768px){
    .header_bg .p_gridCell{width:100%;margin-left:0;margin-top:0;margin-bottom:0}
}
@media only screen and (min-width:769px){
    .header_bg .p_gridCell:first-child{width:100%;margin-left:0;margin-top:0;margin-bottom:0}
}

/*导航栏logocss*/
.header_logo{position:relative;width:100%;height:auto;min-height:200px}
.header_logo .animated{width:100%;height:100%;position:relative;min-height:inherit}
.header_logo .p_link001{width:100%;height:100%}
.header_logo .p_link002{width:100%;height:30px}
.header_logo .p_box{width:100%;height:100%;text-align:center;position:static}
.header_logo .p_dimage{height:inherit;overflow:hidden;font-size:0}

/*导航栏目css*/
#menu_box .p_gridbox{width:100%;overflow:hidden;position:static; display: flex; justify-content:center; align-items: center;}
#menu_box .p_gridCell{float:left;position:static}
#menu_box .p_gridCell:not(:empty):before{content:'';height:.1px;display:block}
#menu_box .p_gridCell:first-child{margin-left:0;clear:left}

@media only screen and (max-width:768px){
    #menu_box .p_gridCell{width:100%;margin-left:0;margin-top:0;margin-bottom:0}
}
@media only screen and (min-width:769px){
    #menu_box .p_gridCell{width:32.66%;margin-left:1%;margin-top:.6rem;margin-bottom:.6rem}
}
#header_menu>div{animation-fill-mode:both}

@media only screen and (min-width:1025px){
    #header_menu .tNavBox{width:100%; overflow:visible}
    #header_menu .navBtn{display:none}
    #header_menu .navSliBtn{display:none}
    #header_menu .tNav{width:100%;margin:0 auto;overflow:hidden; min-height:96px;}
    #header_menu .navUl{float:right;}
    #header_menu .navLi{padding:0 .8vw;display:inline-block;}
    #header_menu .navLi.nav08 span{border-radius:30px; border:1px #fff solid; padding:.8rem 2.4vw .8rem 1.6vw; position: relative;}
    #header_menu .navLi.nav08 span:after{content:"\e604"; font-family:"iconfont"; position: absolute; right:10px;}
    #header_menu .navLi:hover .tNavH::before{width:100%;opacity:1}
    #header_menu .tNavH{position:relative; margin:0;}
    #header_menu .tNavH::before{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:block;width:0;height:2px;background-color:#0d59c6;opacity:0;transition:all .5s ease}
    #header_menu .tNav .navName{position:relative;display:block;padding:2.4rem .5vw;font-size:16px;color:#fff;font-weight:400;transition:all .5s ease}
    #header_menu .tNav.fixed .navName{color:#222;padding:2.4rem .5vw}
    #header_menu .navName::after{content:attr(data-title);position:absolute;top:0;left:0;transform:translateY(100%);width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#0d59c6;}
    #header_menu .navLi:hover .navName{transform:translateY(-100%);}
    #header_menu .slidBox{position:fixed;left:0;right:0;width:100%;min-width:1024px;height:0;overflow:hidden;display:flex;flex-direction:row-reverse;justify-content:space-between;flex-wrap:nowrap;z-index:110;margin:0 auto;padding:0 18%;transition:all .5s ease;opacity:0}
    #header_menu .navLi:hover .slidBox{height:auto;opacity:1;background:#f2f2f2}

    #header_menu .leftBox{overflow:hidden;max-width:520px;margin:46px 0;float:left;width:50%; border-right:1px #ccc solid;}
    #header_menu .img100{display:block;width:90%}
    #header_menu .right_img .img100{transition-duration:.5s}
    #header_menu .right_img:hover .img100{transform:scale(1.1)}
    #header_menu .rightBox{margin:46px 0;float:left;width:50%}
    #header_menu .left_text .onetitle{font-size:18px;line-height:1.1;color:#333;padding-bottom:20px;padding-top:20px;font-weight:700;text-align:left}

    #header_menu .navSbox{display:flex;flex-wrap:wrap;width:100%;}
    #header_menu .oneName{font-size:26px;padding-bottom:15px;color:#000;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
    #header_menu .tNavSummry{line-height:24px;width:100%;height:auto;overflow:hidden;color:#666;font-size:14px;max-width:420px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis}
    #header_menu .tNavMore{display:block;position:relative;height:auto;padding-top:25px;border-top:1px dashed #ccc;margin-top:20px;cursor:pointer}
    #header_menu .txt{color:#000;transition:all .5s ease}
    #header_menu .leanMore{margin-left:2rem;transition:all .5s ease}
    #header_menu .tNavMore:hover .txt{color:#015bbb;margin-left:10px}
    #header_menu .tNavMore:hover .leanMore{color:#015bbb}

    /*二级分类css*/
    #header_menu .navSli{float:left;width:54%;}
    #header_menu .navSimg{position:relative;width:100%;height:160px;overflow:hidden}
    #header_menu .navImg{position:absolute;left:50%;transform:translateX(-50%) scale(1);width:auto;height:100%;transition:all .5s ease}
    #header_menu .navSbox .navSlink{display:block; line-height:42px;color:#666;transition-duration:.3s; border-bottom:1px #ccc solid;}
    #header_menu .navSbox .navSlink:hover{color:#0d59c6; transform:translateX(6px); border-bottom:1px #0d59c6 solid;}
    #header_menu .navSlink::after{content:"\e604"; font-family:"iconfont"; float: right; transition:all .5s ease;}
    #header_menu .navSli:hover .navSlink::after{color:#0d59c6;}
    #header_menu .navSli:hover .navImg{transform:translateX(-50%) scale(1.1)} 
}
@media screen and (max-width:1920px) and (min-width:1280px){
    #header_menu .navSbox{justify-content: center;}
    #header_menu .navSli{float:left;width:60%;}
}
@media only screen and (max-width:1280px) and (min-width:1025px){
    #header_menu .navName{padding:2.25rem .5vw;font-size:15px}
}
@media only screen and (max-width:1024px){
    #header_menu .leftBox{display:none}
    #header_menu .navSimg{display:none}
    #header_menu .tNavBox{position:relative;overflow:hidden;height:70px}
    #header_menu .navBtn{position:absolute;top:1rem;right:0;background:#0d59c6; width:40px; height:40px;padding:10px;}
    #header_menu .navLine{display:flex;justify-content:center;align-items:center;width:100%;height:100%;overflow:hidden}
    #header_menu .navBtnImg{display:block;width:90%;height:70%; font-size:16px; font-weight:bold; font-style: normal; color:#fff;}
    #header_menu .navBtnImg:before{content:"\e641"; font-family: "iconfont"; position: absolute; top:5px;}
    #header_menu .tNav{position:fixed;top:70px;left:0;right:0;height:0;overflow:hidden;z-index:999;background:rgba(0,0,0,.5);transition:all .5s ease}
    #header_menu .tNavHeight{height:100%}
    #header_menu .slidBox{display:none}
    #header_menu .navUl{background:rgba(0,0,0,.8);overflow:hidden}
    #header_menu .navLi{border-bottom:1px solid #696969;position:relative}
    #header_menu .tNavH{position:relative;height:46px;line-height:46px;padding:0 5%;font-size:1rem;transition:all .5s ease}
    #header_menu .tNavHBac{background-color:#0d59c6}
    #header_menu .navName{display:block;width:100%;height:100%;color:#fff}

    #header_menu .iconJt{position:absolute;top:0;right:2%;display:flex;width:46px;height:46px;justify-content:center;align-items:center;color:#fff;font-size:.875rem;transition:all .5s ease}
    #header_menu .iconJt:before{content:"\e604"; font-family: "iconfont";transform:rotate(90deg)}
    #header_menu .iconJtRotate{transform:rotate(180deg)}

    #header_menu .navSliBtn{width:100%;text-align:center; padding:20px 0;}
    #header_menu .hs{font-size:30px; color:#fff;}
    #header_menu .navSbox{padding-bottom:30px}
    #header_menu .navSli{padding-left:8%;font-size:.875rem;height:38px;line-height:38px}
    #header_menu .navSlink{display:block;width:100%;height:100%;color:#fff}
}
#header_menu{width:100%;max-width:none;min-width:0;height:auto;max-height:none;min-height:0;margin-top:0;margin-left:0;margin-right:0;margin-bottom:0;padding-top:0;padding-left:0;padding-right:0;padding-bottom:0}

#header_box .p_gridbox{background:rgba(255,255,255,0);transition:all .5s ease; padding:0 2%;}
#header_box .p_gridbox:hover{background:#fff;box-shadow:0 2px 10px 2px rgba(0,0,0,.1)}
#header_box>div{animation-fill-mode:both}
#header_box .p_gridCell:nth-child(n+1){margin-left:0;clear:left}
@media only screen and (max-width:768px){
    #header_box .p_gridbox:hover{background:rgba(255,255,255,0)}
    #header_box .p_gridbox:active{background:#fff}
}
@media only screen and (min-width:769px){
    #header_box .p_gridCell{margin-bottom:0;margin-top:0;margin-left:0}
    #header_box .p_gridCell:nth-child(1n+0){width:100%;margin-left:0;margin-right:0;clear:none}
    #header_box .p_gridCell:nth-child(1n){margin-right:0}
}
#menu_box>div{animation-fill-mode:both}
#menu_box .p_gridCell:nth-child(3n+1){margin-left:0;clear:left}
@media only screen and (max-width:768px){
    #menu_box .p_gridCell{margin-bottom:0;margin-top:0;margin-left:0}
    #menu_box .p_gridCell:nth-child(3n+0){width:19.96%;margin-left:0;margin-right:0;clear:none;display:none}
    #menu_box .p_gridCell:nth-child(3n+1){margin-left:0;clear:left;margin-right:0;width:45%}
    #menu_box .p_gridCell:nth-child(3n+2){width:55%;margin-left:0;margin-right:0;clear:none}
    #menu_box .p_gridCell:nth-child(3n){margin-right:0}
}
@media only screen and (min-width:769px){
    #menu_box .p_gridCell{margin-bottom:0;margin-top:0;margin-left:0}
    #menu_box .p_gridCell:nth-child(3n+0){width:6.5%;margin-left:0;margin-right:0;clear:none}
    #menu_box .p_gridCell:nth-child(3n+1){margin-left:0;clear:left;margin-right:0;width:17.119999999999997%}
    #menu_box .p_gridCell:nth-child(3n+2){width:76.37%;margin-left:0;margin-right:0;clear:none}
    #menu_box .p_gridCell:nth-child(3n){margin-right:0}
}
@media only screen and (max-width:1024px) and (min-width:769px){
    #menu_box .p_gridCell{margin-bottom:0;margin-top:0;margin-left:0}
    #menu_box .p_gridCell:nth-child(3n+0){width:19.96%;margin-left:0;margin-right:0;clear:none;display:none}
    #menu_box .p_gridCell:nth-child(3n+1){margin-left:0;clear:left;margin-right:0;width:29.55%}
    #menu_box .p_gridCell:nth-child(3n+2){width:69.480000000000004%;margin-left:0;margin-right:0;clear:none}
    #menu_box .p_gridCell:nth-child(3n){margin-right:0}
}

#header_logo>div{animation-fill-mode:both}
#header_logo .p_dimage>img{transform:scale(1)}
#header_logo.fixed .p_dimage>img{visibility:hidden;opacity:0}
#header_logo.fixed .p_dimage{background:url(../images/logo_1.png) left top no-repeat;background-size:cover}
#header_logo{width:100%;max-width:364px;min-width:0;height:auto;max-height:none;min-height:25px;}

#header_box{position:fixed;top:0;left:0;bottom:auto;right:0;transform:none;width:100%;height:auto;z-index:88;content:normal;max-width:none;min-width:0;max-height:none;min-height:0;margin:0 auto;-webkit-transform:none}
#menu_box{width:100%;max-width:100%;min-width:0;height:auto;max-height:none;min-height:0;margin:0 auto;}


.pc_web{display:block;}
.m_web{display:none;}
.swiper-button-next:after,.swiper-button-prev:after {font-family: "iconfont" !important;}
.swiper-button-next:after{content: "\e626";}
.swiper-button-prev:after{content: "\e624";}
@media screen and (max-width:996px){
    .pc_web{display:none;}
    .m_web{display:block;}
    .swiper-button-next:after,.swiper-button-prev:after{font-size:30px;}
}

/********************************************banner轮播css****************************************/
.slider{position:relative;}
.slider .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-container .swiper-pagination-custom,.swiper-container .swiper-pagination-fraction{width:95%; bottom:30px; display: flex; justify-content: flex-end;}
.slider .swiper-pagination-bullet{background:#fff; width:12px; height:12px; border-radius:10px; opacity:1; transition: all 0.4s ease;}
.slider .swiper-pagination-bullet-active{width:53px; background:#fff; opacity:1;}
.slider .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 5px;}
.slider .swiper-button-next,.slider .swiper-button-prev{width:64px; height:64px; color:#fff;}
.slider .swiper-slide{ display: flex; justify-content: center; }
.slider .container{position: absolute; color:#fff; top:30%; margin:0 auto;}
.slider h2{ font-weight:bold;}
.slider h6{line-height:1.6; margin:30px 0;}
.slider .slider_more{border:1px #fff solid; text-align:center; max-width:200px; padding:10px 0; position: relative; display: block; color:#fff;}
.slider .slider_more:after{content:"\e604"; position:absolute; right:30px; transition: all .5s ease-in-out;}
.slider .slider_more:hover{background-image:linear-gradient(to right, #0d59c6, #297bf1); border:1px transparent solid;}
.slider .slider_more:hover:after{right:15px;}

@media screen and (max-width:1366px){
}

@media screen and (max-width:996px){
    .slider .container{top:35%;}
    .slider .container br{display: none;}
}

@media screen and (max-width:576px){
    .slider{text-align:center;}
    .slider h6{margin:20px 10% 30px;}
    .slider .slider_more{max-width:150px; margin:0 auto;}
    .slider .swiper-pagination-bullet{width:8px; height:8px;}
    .slider .swiper-pagination-bullet-active{width:24px;}
    .slider .swiper-button-next,.slider .swiper-container-rtl .swiper-button-prev{right: 0px;}
    .slider .swiper-button-prev,.slider .swiper-container-rtl .swiper-button-next{left: 0px;}
}


/*首页滚动新闻css*/
.scroll_news{border-bottom:1px #ccc solid; height:65px; position: relative; overflow:hidden;}
.BreakingNewsController{width:100%; overflow:hidden; height:65px; position:relative;}
.BreakingNewsController .bn-title{display:inline-block; float:left;}
.BreakingNewsController ul{display:block; position:absolute; left:180px; right:50px;}
.BreakingNewsController ul li{list-style:none; height:64px; line-height:64px; display:none;}
.BreakingNewsController ul li a{text-decoration:none; color:#333; height:64px !important; display:inline-block; overflow:hidden; padding:0;}
.BreakingNewsController ul li a em{font-style: normal; color:#a4a4a4; font-size:14px; font-weight:bold;}
.BreakingNewsController ul li a span{border-radius:20px; border:1px #0d59c6 solid; color:#0d59c6; font-size:14px; padding:4px 10px; margin:0 35px 0 15px;}
.BreakingNewsController .bn-arrows{display:inline-block; float:right; width:50px; position:absolute; right:0; top:15px; font-size:24px;}
.BreakingNewsController .bn-arrows span{display:block; width:20px; position:absolute; cursor:pointer; opacity:0.2;}
.BreakingNewsController .bn-arrows span:hover{opacity:1;}
.BreakingNewsController .bn-arrows-left{ left:0;}
.BreakingNewsController .bn-arrows-right{right:10px;}
.easing a, .easing span{transition:.25s linear; -moz-transition:.25s linear; -webkit-transition:.25s linear;}

@media screen and (max-width:576px){
    .BreakingNewsController ul{right:45px;}
    .BreakingNewsController ul li a span{padding:2px 8px; margin:0 15px 0 5px;}
    .BreakingNewsController .bn-arrows{width:45px; top:18px; font-size:18px;}
}


/*首页公司简介css*/
.inabout{padding:80px 15px;}
.inabout h1{font-weight:bold; color:#0d59c6; margin:20px 0 0 0;}
.inabout h3{color:#e5e5e5; font-family:"Geometos"; margin-bottom:40px;}
.inabout p{padding:0 80px 15px 0;}
.inabout .inabout_more{background-image:linear-gradient(to right, #0d59c6, #297bf1); text-align:center; max-width:200px; padding:10px 0; position: relative; display: block; color:#fff; margin-top:40px;}
.inabout .inabout_more:after{content:"\e604"; position:absolute; right:30px; transition: all .5s ease-in-out;}
.inabout .inabout_more:hover:after{right:15px;}

@media screen and (max-width:1366px){
    .inabout h1{margin:0;}
    .inabout h3{margin-bottom:20px;}
    .inabout p{padding:0 40px 15px 0;}
    .inabout .inabout_more{margin-top:20px;}
}

@media screen and (max-width:996px){
    .inabout{padding:50px 15px;}
    .inabout p{padding:0 0px 15px 0;}
    .inabout img{margin-top:30px;}
}

@media screen and (max-width:576px){
    .inabout{padding:30px 15px;}
    .inabout p{padding:0 0px 15px 0;}
    .inabout .inabout_more{max-width:150px; margin-top:10px;}
    .inabout .inabout_more:after{right:20px;}
    .inabout .inabout_more:hover:after{right:5px;}
    .inabout img{margin-top:30px;}
}


/*首页数字滚动css*/
.countup_bg{background:url(../images/countup_bg.jpg) top center no-repeat; background-size:cover; color:#fff; text-align:center;}
.countup_bg .container{margin:0 auto;}
.countup_bg .container div{margin:30px 0; border-right:1px rgba(255,255,255,.1) solid;}
.countup_bg .container div:last-child{border-right:none;}
.countup_bg .jumbo{font-size:64px;font-family: "Arial"; font-weight:bold; margin-right:5px; line-height:1.2;}

@media screen and (max-width:576px){
    .countup_bg .container{padding:0;}
    .countup_bg .jumbo{font-size:40px;}
}

/*首页产品中心css*/
.inproduct{padding:80px 15px;}
.inproduct .col-lg-4{padding:0 25px; margin-bottom:15px;}
.inproduct .col-lg-4:nth-child(1),.inproduct .col-lg-4:nth-child(4){padding:0 35px 0 15px;}
.inproduct .col-lg-4:nth-child(3),.inproduct .col-lg-4:nth-child(6){padding:0 15px 0 35px;}
.inproduct h1{font-weight:bold; color:#0d59c6; margin:20px 0 0 0;}
.inproduct h3{color:#e5e5e5; font-family:"Geometos"; margin-bottom:40px;}
.inproduct h5{margin-bottom:0; font-weight:bold;}
.inproduct p{color:#666; font-family:"Arial"; font-size:14px;}
.inproduct .inproduct_img{overflow:hidden;border:1px #000 solid;}
.inproduct .inproduct_img img{transform:scale(1); transition: all .5s ease-in-out;}
.inproduct_name{position: relative; padding:15px 0px;transition: all .5s ease-in-out;}
.inproduct_name:after{content:""; position: absolute; width:40px; height:2px; background:#000; right:0px; top:50%; margin-top:-1px; transition: all .5s ease-in-out;}
.inproduct .col-lg-4:hover .inproduct_name:after{ width:80px; right:20px;}
.inproduct .col-lg-4:hover .inproduct_name{background:#fff; padding:15px 20px;}
.inproduct .col-lg-4:hover img{transform: scale(1.1);}
.inproduct .col-lg-4:hover h5{color:#333;}

@media screen and (max-width:996px){
    .inproduct{padding:50px 15px;}
    .inproduct .col-lg-4{padding:0 15px; margin-bottom:15px;}
    .inproduct .col-lg-4:nth-child(1),.inproduct .col-lg-4:nth-child(4){padding:0 15px;}
    .inproduct .col-lg-4:nth-child(3),.inproduct .col-lg-4:nth-child(6){padding:0 15px;}
    .inproduct_name:after{width:30px;}
    .inproduct .col-lg-4:hover .inproduct_name:after{ width:55px;}
}

@media screen and (max-width:576px){
    .inproduct{padding:30px 15px;}
    .inproduct h3{margin-bottom:20px;}
    .inproduct .col-lg-4{margin-bottom:5px;}
    .inproduct p{font-size:10px;}
    .inproduct_name:after{display:none;}
}


/*首页应用领域css*/
.application{position: relative; z-index: 3;}
.options {display: flex;flex-direction: row;align-items: stretch;overflow: hidden; width:100%; height:920px;}
.options .option{position:relative; overflow:hidden; width:385px; cursor:pointer;transition: all .5s ease-in-out;}
.options .option.active {flex-grow: 10000;}
.options .option.active>div {z-index:1;}
.options .option.active>div .info-wrapper {width:100%; z-index:999; position:absolute; height:90px; top:50%; margin-top:-45px; text-align:center;}
.options .option.active>div .info-wrapper h2{opacity:1;color:#fff; font-weight:bold; margin-bottom:15px;}
.options .option.active>div .info-wrapper h2:after{content:""; display:block; width:60px; height:3px; background:#ffff; margin:20px auto 0;}
.options .option.active>div .icon-wrapper {display: flex;align-items: flex-start;}
.options .option.active>div .icon-wrapper .category-text {opacity: 1;display:initial; transition:all 0.2s ease-in-out;}
.options .option.active>div .icon-wrapper{display: none;}
.options .option.active>div .options_img img{min-height:920px;}
.options .option:not(.active)>div .icon-wrapper {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;justify-content: flex-end;flex-direction: column;align-items: center;}
.options .option:not(.active)>div .icon-wrapper .category-icon:before {opacity: .5;}
.options .option:not(.active)>div:before {content: "";height: 100%;width: 100%;position: absolute;top: 0;left: 0;transition:all 0.2s ease-out;}

.options .option>div {height: 100%;width: 100%;display: flex;flex-direction: column;justify-content: space-between; position: absolute;top: 0;left: 0;}
.options .option>div .icon-wrapper .category-text{opacity:1;display:flex; align-items:center; flex-direction: column; position: absolute; z-index:3; width:100%; height:90px; top:50%; margin-top:-45px;}
.options .option>div .icon-wrapper .category-text h2{color:#fff; font-weight: bold;display: block;}
.options .option>div .icon-wrapper .category-text h2:after{content:""; display:block; width:60px; height:3px; background:#ffff; margin:20px auto 0;}
.options .option>div .icon-wrapper .category-text h4{color:rgba(255,255,255,.4); font-weight: bolder; display: block; margin:0 0 3px 0;}
.options .option img{width:100%; top:0;}

@media screen and (max-width:1440px){
    .options .option{width:300px;}
    .options {height:732px;}
}

@media screen and (max-width:1366px){
    .options .option{width:220px;}
    .options .option img{width:100%; height:100%; top:0;}
    .options .option.active>div .info-wrapper h2{font-size:1.65em;}
    .options .option>div .icon-wrapper .category-text h2{font-size:1.65em;}
}

@media screen and (max-width:996px){ 
    .options {display: flex;flex-direction:column; align-items:flex-start; overflow:visible; width:100%;height:auto;}
    .options .option{position:relative; overflow:hidden; width:100%; height:150px; cursor:pointer;}
    .options .option img{width:100%; height:auto;}
    .options .option.active {flex-grow:10000; height:550px;}
    .options .option.active>div .icon-wrapper{display: flex;align-items: flex-start;}
    .options .option.active>div .icon-wrapper .category-text {opacity: 1;display:initial; }
    .options .option.active>div .icon-wrapper{display: none;}
    .options .option.active>div .options_img img{min-height:140px;width:100%;}
    .options .option>div {height:100%;width: 100%;display: flex;flex-direction: column;justify-content: space-between; position: absolute;top: 0;left: 0;}
    .options .option>div .icon-wrapper .category-text{opacity:1;display:flex; align-items:center; flex-direction: column; position: absolute; z-index:3; width:100%; height:80px; top:50%; margin-top:-30px;}
}

@media screen and (max-width: 576px){
    .options {display: flex;flex-direction:column; align-items:flex-start; overflow:visible; width:100%;height:auto;}
    .options .option{position:relative; overflow:hidden; width:100%; height:100px;}
    .options .option img{width:100%; height:auto;}
    .options .option.active {flex-grow:10000; height:400px;}
    .options .option.active>div .info-wrapper {height:60px;margin-top:-30px;}
    .options .option.active>div .info-wrapper h2{font-size:1.125em; margin-bottom:5px;}
    .options .option.active>div .icon-wrapper .category-text {opacity: 1;display:initial; }
    .options .option>div .icon-wrapper .category-text h2{font-size:1.125em;}
    .options .option.active>div .icon-wrapper{display: none;}
    .options .option.active>div .options_img img{min-height:80px;width:100%;}
    .options .option>div {height:100%;width: 100%;display: flex;flex-direction: column;justify-content: space-between; position: absolute;top: 0;left: 0;}
    .options .option>div .icon-wrapper .category-text{opacity:1;display:flex; align-items:center; flex-direction: column; position: absolute; z-index:3; width:100%; height:80px; top:50%; margin-top:-20px;}
}


/*首页新闻中心css*/
.innews{position: relative; z-index: 2; padding:80px 15px;}
.innews:before{content: "NEWS"; font-size:200px; font-weight:bold; color:#f9f9f9; position: absolute; right:0; margin-top:-200px;}
.innews h1{font-weight:bold; color:#0d59c6; margin:0;}
.innews h3{color:#e5e5e5; font-family:"Geometos"; margin-bottom:40px;}
.innews .swiper-wrapper{width:95%;}
.innews .swiper-button-next,.innews .swiper-button-prev{width:44px; height:44px; color:#0d59c6; background:#fff; border-radius:50%;}
.innews .innews_img{position: relative; overflow: hidden;}
.innews .innews_img img{transform: scale(1); transition: all .5s ease-in-out;}
.innews .innews_img:hover img{transform: scale(1.1);}
.innews .innews_img h5{position: absolute; z-index:3; bottom:10px; color:#fff; left:15px;}
.innews .innews_img .innews_imgbg{width:100%; height:20vh; bottom:0; left:0; position:absolute; z-index:2; background:url(../images/innews_imgbg.png) bottom center no-repeat; background-size:cover;}
.innews .innews_text{border-bottom:1px #ccc solid; line-height:65px; display:flex; justify-content:space-between; font-weight:bold; transition: all .5s ease-in-out;}
.innews a:hover .innews_text{border-bottom:1px #0d59c6 solid;}
.innews .innews_text em{font-style:normal; color:#666; font-size:14px; font-family: "Arial";}
.innews .innews_text span{color:#0d59c6; font-size:16px; transition:all .5s ease-in-out;}
.innews a:hover .innews_text span{margin-right:8px;}
.innews .innews_text span:after{content:"\e604"; right:-100%; opacity: 0; transition:all .5s ease-in-out;}
.innews a:hover .innews_text span:after{right:0; opacity: 1;}

@media screen and (max-width:996px){
    .innews{padding:50px 15px;}
    .innews:before{font-size:110px; margin-top:-130px;}
}

@media screen and (max-width:576px){
    .innews{padding:30px 15px;}
    .innews:before{font-size:80px; margin-top:-130px;}
    .innews h3{margin-bottom:20px;}
}

/*合作伙伴css*/
.cooperation{background:#f9f9f9; padding:80px 15px; overflow:hidden;}
.cooperation .container{position: relative; padding:0;}
.cooperation .container:before{content: "FRIENDS"; font-size:200px; font-weight:bold; position: absolute; right:0; margin-top:-220px; color:#f1f1f1;}
.cooperation h1{font-weight:bold; color:#0d59c6; margin:0;}
.cooperation h3{color:#e5e5e5; font-family:"Geometos"; margin-bottom:40px;}
.cooperation ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.cooperation ul li{max-width:20%; padding:0 15px; margin-bottom:30px;}
.cooperation ul li img{box-shadow: 0 0 8px rgba(0,0,0,.06);}

@media screen and (max-width:996px){
    .cooperation{padding:50px 15px;}
    .cooperation ul li{max-width:25%; margin-bottom:20px;}
    /*.cooperation ul li:last-child{display: none;}*/
    .cooperation .container:before{font-size:110px; margin-top:-120px;}

}

@media screen and (max-width:576px){
    .cooperation{padding:30px 15px;}
    .cooperation h3{margin-bottom:20px;}
    .cooperation .container:before{font-size:60px; margin-top:-65px;}
    .cooperation ul li{padding:0 15px 0 0; margin-bottom:10px;}
}


/*首页下载css*/
.download{background:url(../images/download_bg.jpg) top center no-repeat; background-size:cover; color:#fff; height:240px; display:flex; align-items: center;}
.download h3{font-weight:bold; margin-bottom:15px;}
.download h3 span{font-family: "Geometos";}
.download i{margin-right:8px;}
.download a.download_btn{width:100%; max-width:620px; padding:15px 30px; background:#fff; border-radius:6px; display:flex; justify-content:space-between; align-items: center; transition: all .5s ease-in-out;}
.download a.download_btn span{color:#000; font-size:20px; font-weight:bold;}
.download a.download_btn i{color:#0d59c6; font-size:30px;}
.download a.download_btn:hover{background-image:linear-gradient(to right,#0d59c6,#297bf1);}
.download a.download_btn:hover span{color:#fff;}
.download a.download_btn:hover i{color:#fff;}

@media screen and (max-width:576px){
    .download a.download_btn{max-width:100%; padding:10px 20px; margin-top:20px;}
    .download a.download_btn span{font-size:18px;}
    .download a.download_btn i{font-size:24px;}
}


/********************************************底部信息css****************************************/
footer{background:#f9f9f9; padding:50px 0 20px;}
footer img.footer_logo{width:120px; margin-bottom:15px;}
footer h4{font-weight:bold; margin:50px 0 5px 0;}
footer h4 span{color:#0d59c6; font-family: "Geometos";}
footer h5{font-weight:bold; margin-bottom:5px; line-height:1.2;}
footer .col-xl-3 p{color:#666;}
footer .col-xl-3 p i{margin-right:5px;}

footer ul{display:flex;justify-content:flex-end;}
footer ul li{flex:0 0 18%; max-width:18%; border-right:1px #e9e9e9 solid; padding-left:3.5%;}
footer ul li:nth-child(1){flex:0 0 30%; max-width:30%;}
footer ul li:nth-child(4){flex:0 0 30%; max-width:30%; border-right:none;}
footer li h5{margin-bottom:15px;}
footer li a{display: block;}
footer a img{width:20px;margin:0 8px 2px 0;}
footer ul li:nth-child(1) p a:nth-child(1),
footer ul li:nth-child(1) p a:nth-child(2),
footer ul li:nth-child(1) p a:nth-child(3),
footer ul li:nth-child(1) p a:nth-child(4){width:49%; display:inline-block;}
footer ul li:nth-child(4) img{width:120px; border:1px #ccc solid; float: right;}
footer ul li:nth-child(4) p a{width:49%; display:inline-block;}
footer .copyright{text-align:center; font-size:13px; margin-top:20px; color:#888; border-top:1px #e9e9e9 solid; padding-top:20px;}
footer a{color:#888; line-height:2;}
footer a:hover{color:#0d59c6;}
footer .copyright a{margin-left:15px;}

@media screen and (max-width:1366px){
    footer h4,footer h5{font-size:18px;}
    footer li a{font-size:14px;}
    footer ul li:nth-child(1) p a:nth-child(1),
    footer ul li:nth-child(1) p a:nth-child(2),
    footer ul li:nth-child(1) p a:nth-child(3),
    footer ul li:nth-child(1) p a:nth-child(4){width:48%; display:inline-block;}
    footer ul li:nth-child(4) img{width:110px;}
}


@media screen and (max-width:996px){
    footer ul{flex-wrap:wrap; margin-top:20px;}
    footer ul li{flex:0 0 100%; max-width:100%; border-right:none; padding-left:0;}
    footer ul li:nth-child(1){flex:0 0 100%; max-width:100%;}
    footer ul li:nth-child(4){flex:0 0 100%; max-width:100%; border-right:none;}
    footer ul li:nth-child(1) p a:nth-child(1),
    footer ul li:nth-child(1) p a:nth-child(2),
    footer ul li:nth-child(1) p a:nth-child(3),
    footer ul li:nth-child(1) p a:nth-child(4){width:100%; display:inline-block;}
    footer ul li:nth-child(4) p a{width:100%; display:inline-block;}

    footer .col-xl-9 h5{font-weight:normal; font-size:1.125em; font-weight:bold; margin-bottom:0px; border-bottom: 1px solid rgba(0,0,0,0.05); padding:14px 20px 13px 0; position: relative;}
    footer .col-xl-9 h5:before,footer .col-xl-9 h5:after{content: '';position: absolute; border-radius:2px; background:#7f7f7f;}
    footer .col-xl-9 h5:before{width:12px;height:2px;top:23px;right:6px;-webkit-transition:.3s ease-out;transition:.3s ease-out;}
    footer .col-xl-9 h5:after{width:2px;height:12px;top:18px;right:11px;-webkit-transition:.3s ease-out;transition:.3s ease-out;}
    footer .col-xl-9 li.selected h5{border-bottom:1px #e9e9e9 solid; margin-bottom:15px;}
    footer .col-xl-9 li.selected h5:before{-webkit-transform: rotate(360deg);transform: rotate(360deg);}
    footer .col-xl-9 li.selected h5:after{-webkit-transform: rotate(360deg);transform: rotate(360deg); opacity: 0;}
    footer .col-xl-9 .list-item {position:relative; overflow:hidden;zoom: 1; display:none; padding-bottom:30px;}
    footer .col-xl-9 .list-item a{display:block; font-size:1em; margin-bottom:7px;}
    footer .col-xl-9 .list-item a:hover{color:#0d59c6;}
    footer .copyright{font-size:14px; text-align:left;}
    footer .copyright span{display: block;}
    footer .copyright p:last-child a{ display: block; }
    footer .copyright a{margin:0 15px 0 0;}
}

@media screen and (max-width:576px){
    footer img.footer_logo{width:100px;}
    footer ul li{flex:0 0 100%; max-width:100%; border-bottom:1px rgba(255,255,255,.05) solid;}
    footer .copyright{font-size:12px;}
}



/*浮动css*/
.floating_ck{position:fixed;z-index:9999; right:0px;bottom:32%;}
.floating_ck i.iconfont{color:#f2d9c0; font-size:30px; line-height: 1.1;}
.floating_ck i.iconfont1{font-size:34px;}
.floating_ck i.iconfont2{font-size:36px;}
.floating_ck dl dd{position:relative;width:70px;height:70px;background-color:rgba(21,46,95,1);border-bottom:solid 1px #1e3a70;text-align:center; cursor:pointer; display:flex; align-items:center; justify-content:center;}
.floating_ck dl dd:hover{background-color:#091c42;border-bottom:solid 1px #0f2551;}
.floating_ck dl dd:hover .floating_left{display:block;}
.floating_ck dd span{color:#f2d9c0; display:block; font-size:12px;}
.floating_left{position:absolute;left:-160px;top:0px;width:160px;height:70px;background-color:#091c42;border-bottom:solid 1px #0f2551;display:none;}
.floating_left a{color:#f2d9c0;line-height:70px;}
.floating_ewm{height:220px;top:-150px;}
.floating_ewm i{background:url(../images/wechat_erweima.jpg) no-repeat; background-size:100%;display:block;width:110px;height:110px;margin:auto;margin-top:7px;}
.floating_ewm p{color:#f2d9c0;margin-top:5px;}
.floating_ewm .qrcord_p01{font-size:12px;line-height:20px;}
.floating_ewm .qrcord_p02{font-size:18px;}

@media screen and (max-width:996px){
  .floating_ck{bottom:0;}
}
@media screen and (max-width:576px){
  .floating_ck{display: none;}
}



.about_slider{position: relative; display: flex; justify-content: center; align-items: center;}
.about_slider .container{position: absolute; text-align:center;}
.about_slider h1{ color:#fff; font-weight:bold;}
.about_slider h1:after{content:""; display: block; width:70px; height:4px; background:#fff; margin:20px auto 0;}

/*导航二级菜单css*/
.secondary_menu{width:100%; height:62px; background:rgba(0,0,0,.4); position: absolute; z-index:5; bottom:0; left:0; display:flex; justify-content: center;}
.secondary_menu .container{display: flex; align-items: center;/* justify-content:space-between;*/ line-height: 62px;}
.secondary_menu a{color:#fff; position: relative; display:block;width:100%; max-width:12.5%;}
.secondary_menu a:hover,.secondary_menu a.active{color:#fff; background:#0d59c6;}
@media screen and (max-width:576px){
    .secondary_menu{display: none;}
    .secondary_menu .container{display: flex; justify-content:flex-start; flex-wrap:wrap; align-items: center; line-height:30px; padding:10px 0;}
    .secondary_menu li{margin:0 12px;}
}

/*面包屑导航css*/
.bread_crumbs{padding:20px 0; border-bottom:1px #e9e9e9 solid; margin-bottom:80px;}
.bread_crumbs span{ color:#0d59c6;}
.bread_crumbs i{margin:0 8px;}

@media screen and (max-width:996px){
    .bread_crumbs{margin-bottom:50px;}
}

@media screen and (max-width:576px){
    .bread_crumbs{margin-bottom:30px;}
}

/********************************************关于中久css****************************************/
/*公司简介css*/
.about{padding-bottom:80px;}
.about h1{font-weight:bold; margin:0; text-align:center;}
.about h3{color:rgba(13,89,198,.2); font-family:"Geometos"; margin-top:-20px; margin-bottom:50px; text-align:center;}
.about p{text-indent: 2em; padding-top:20px;}

/*数字滚动css*/
.about_countup_bg{color:#0d59c6; text-align:center; padding:30px 0;}
.about_countup_bg .container{margin:0 auto;}
.about_countup_bg .container div{margin:30px 0; border-right:1px rgba(13,89,198,.2) solid;}
.about_countup_bg .container div:last-child{border-right:none;}
.about_countup_bg .jumbo{font-size:64px;font-family: "Arial"; font-weight:bold; margin-right:5px; line-height:1.2;}

@media screen and (max-width:996px){
    .about{padding-bottom:50px;}
}

@media screen and (max-width:576px){
    .about{padding-bottom:30px;}
    .about_countup_bg{padding:0px 0 30px 0;}
    .about_countup_bg .container{padding:0;}
    .about_countup_bg .jumbo{font-size:38px;}
    .about_countup_bg p{font-size:12px;}
    .about h3{margin-top:-15px; margin-bottom:20px;}
    .about p{text-indent:0; padding-top:10px;}
}


/*发展历程css*/
.development{background:url(../images/development_bg.png) center center no-repeat; background-size:100% auto;}
.development h1{font-family:"Geometos"; color:#0d59c6;}
.development h1:before{content:"";width:17px; height: 17px; background:#0d59c6; border-radius:50%; display: block; margin:0px auto; background-clip:content-box; border:1px #0d59c6 solid; padding:2px;}
.development h1:after{content:"";width:17px; height: 17px; background:#0d59c6; border-radius:50%; display: block; margin:0px auto; background-clip:content-box; border:1px #0d59c6 solid; padding:2px;}
.development p{padding:0; text-indent:0;position: absolute; }
.development_info{position: relative; height:350px; margin-left:-60px;}
.development_icon i{width:1px; display:block; background:#000; margin:0 auto;}

.development_info1 h1:after{display: none;}
.development_info1 p{top:0; right:-30px;}
.development_info1 .development_icon{margin-left:-40px;}
.development_info1 .development_icon i{height:170px;}

.development_info2 h1{padding-top:50px;}
.development_info2 h1:before{display: none;}
.development_info2 p{bottom:10px; right:10px;}
.development_info2 .development_icon i{height:220px;}

.development_info3 h1:after{display: none;}
.development_info3 p{top:30px; right:-70px;}
.development_info3 .development_icon{padding-top:30px;}
.development_info3 .development_icon i{height:240px;}

.development_info4 h1{padding-top:150px;}
.development_info4 h1:before{display: none;}
.development_info4 p{bottom:0px; right:-30px;}
.development_info4 .development_icon{margin-left:-80px;}
.development_info4 .development_icon i{height:160px;}

.development_info5 h1:after{display: none;}
.development_info5 p{top:0; right:0px;}
.development_info5 .development_icon{margin-left:-100px;}
.development_info5 .development_icon i{height:200px;}

.development_info6 h1{padding-top:80px;}
.development_info6 h1:before{display: none;}
.development_info6 p{bottom:0px; right:20px;}
.development_info6 .development_icon{margin-left:-80px;}
.development_info6 .development_icon i{height:200px;}

@media screen and (max-width:1680px){
    .development_info1 .development_icon i{height:210px;}
}
@media screen and (max-width:1440px){
    .development_info1 .development_icon{margin-left:-50px;}
    .development_info2 p{right:0px;}
    .development_info3 p{right:-80px;}
    .development_info4 p{right:-40px;}
    .development_info5 .development_icon{margin-left:-115px;}
    .development_info6 p{right:5px;}
}
@media screen and (max-width:1366px){
    .development p{font-size:14px;}
    .development_info{margin-left:-70px;}
    .development_info1 .development_icon{margin-left:-30px;}
    .development_info1 p{right:-30px;}
    .development_info5 p{top:0; right:-10px;}
    .development_info6 p{right:5px;}
}

@media screen and (max-width:996px){
    .m_development{background:url(../images/m_development_bg.png) top center no-repeat; background-size:10% auto; display: flex; justify-content: space-between; padding:20px 0;}
    .m_development h1{font-family:"Geometos"; color:#0d59c6; font-size:24px; display: flex; flex-wrap:nowrap; align-items:center; margin-bottom:0;}
    .m_development h1:before{content:"";width:17px; height: 17px; background:#0d59c6; border-radius:50%; display:inline-block; background-clip:content-box; border:1px #0d59c6 solid; padding:2px; margin-right:10px;}
    .m_development h1:after{content:"";width:17px; height: 17px; background:#0d59c6; border-radius:50%; display:inline-block; background-clip:content-box; border:1px #0d59c6 solid; padding:2px; margin-left:10px;}
    .m_development p{padding:5px 0 0 0; text-indent:0;}
    .m_development_info{min-height:100px;}
    .m_development_info{position: relative;}
    .m_development br{display: none;}
    .m_development .fl{flex:0 0 50%; max-width:50%;left:0;}
    .m_development .fr{flex:0 0 50%; max-width:50%;right:0;}
    .m_development .fl h1:before{display: none;}
    .m_development .fr h1:after{display: none;}
    .m_development .fl div{margin-bottom:100px;}
    .m_development .fr div{margin-top:100px;}
    .m_development .fl div h1{display: flex; justify-content: flex-end;}
    .m_development .fl p{text-align:right; padding-right:25px;}
    .m_development .fr p{padding-left:30px;}
    .m_development_info2{margin-left:-10px;}
    .m_development_info3{margin-right:-5px;}
    .m_development_info4{margin-left:-50px;}
    .m_development_info6{margin-left:-40px;}
}

@media screen and (max-width:576px){
    .m_development{background-size:20% auto;}
    .m_development h1{font-size:20px; display: flex; flex-wrap:nowrap; align-items:center; margin-bottom:0;}
    .m_development h1:before{width:15px; height:15px;}
    .m_development h1:after{width:15px; height:15px;}
    .m_development .fl p{text-align:right; padding:0 25px 0 15px;}
    .m_development .fr p{padding:0 15px 0 25px;}

    .m_development_info1{margin-right:2px;}
    .m_development_info2{margin-left:-1px;}
    .m_development_info3{margin-right:20px;}
    .m_development_info4{margin-left:-17px;}
    .m_development_info5{margin-right:0px;}
    .m_development_info6{margin-left:0px;}
}

 
/* 公司荣誉css*/
.honor p{text-indent: 0; text-align:center; padding:15px 0;}
.honor img{border:1px #ccc solid;}

@media screen and (max-width:576px) {
    .honor p{padding:5px 0; font-size:12px;}
}

/*办公环境css*/
.bghj img{ margin:15px 0;}
@media screen and (max-width:576px){
    .bghj .col-6{padding:0 10px;}
    .bghj img{ margin:8px 0;}
}


/*党建风采css*/
.djfc_info{background:#fff; border:1px #ededed solid; padding:20px; margin-bottom:30px;}
.djfc_info h5{border-bottom:1px #ededed solid; padding:18px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.djfc_info p{display: flex; justify-content: space-between; align-items:center; text-indent:0; padding-top:12px; color:#666; font-family: "Arial"; font-size:14px;}
.djfc_info p i{font-size:20px; transition: all .5s ease-in-out;}
.djfc_info .djfc_img{overflow: hidden;}
.djfc_info .djfc_img img{width:100%; transform: scale(1); transition: all .5s ease-in-out;}
.djfc_info a:hover .djfc_img img{transform: scale(1.1);}
.djfc_info a:hover p i{margin-right:5px; color:#0d59c6;}
.djfc_info a:hover h5{border-bottom:1px #0d59c6 solid;}
@media screen and (max-width:576px) {
   .djfc_info{padding:10px; margin-bottom:20px;}
}


/*产品中心css*/
.product_list{display: flex; justify-content:space-between; margin:-40px 0 40px 0;}
.product_list li{ flex:0 0 15.6666%; max-width:15.6666%; height:90px;border:1px #acacac solid;font-size:20px;}
.product_list li:hover{border:1px transparent solid;}
.product_list li a{width:100%; height:100%; display:flex; align-items:center; flex-direction: column; justify-content:center;}
.product_list li a:after{content:"\e692"; font-family: "iconfont"; font-size:24px; line-height: 1;}
.product_list li a:hover{background:#0d59c6; color:#fff;}
.product_list li.active,.product_list li.active a{background:#0d59c6; color:#fff;}


.product_info{margin:15px 0;}
.product_info p{text-indent: 0; text-align:center; padding:0;}
.product_info p a{display: block; background:#ededed; padding:8px 0;}
.product_info p a:hover{background:#0d59c6; color:#fff;}
.product_info .product_img{overflow: hidden;}
.product_info .product_img img{transform: scale(1); transition: all .5s ease-in-out;}
.product_info .product_img img:hover{transform: scale(1.1);}

/*产品详情css*/
.productview{background:#fff; padding:30px 20px; margin:-40px 0 0 0;}
.productview h3{font-weight:bold; color:#0d59c6; margin:0; text-align:left; border-bottom:1px #ccc solid; padding-bottom:15px;}
.productview h6{color:#666; padding:20px 0;}
.productview p{font-size:1.125em;text-indent:0; padding:0; display:flex; align-items:center;}
.productview p .iconfont{font-size:30px; margin-right:5px; color:#0d59c6;}
.productview p .iconfont1{font-size:26px;}
.gallery-top {width: 100%;}
.gallery-top .swiper-slide img{border:1px #ccc solid;}
.gallery-thumbs {box-sizing:border-box; padding:10px 0;}
.gallery-thumbs .swiper-slide {width:25%; opacity: 0.4;}
.gallery-thumbs .swiper-slide img{border:1px #ccc solid;}
.gallery-thumbs .swiper-slide-thumb-active {opacity:1;}
.productview .swiper-button-next, .productview .swiper-container-rtl .swiper-button-prev{right:20px;}
.productview .swiper-button-prev, .productview .swiper-container-rtl .swiper-button-next{left:20px;}
.productview .col-sm-12{border-top:1px #ccc solid; padding-top:20px;}

@media screen and (max-width:996px) {
    .product_list{margin:-20px 0 20px 0;}
    .product_list li{font-size:16px;}
}

@media screen and (max-width:576px) {
    .product_list{flex-wrap:wrap; margin:0px;}
    .product_list li{ flex:0 0 31%; max-width:31%; height:60px; margin-bottom:15px; font-size:14px;}
    .product_list li a:after{font-size:20px;}
    .product_info{margin:5px 0;}
    .productview{padding:20px 0px; margin:0px;}
    .productview h3{padding-top:15px;}
    .productview h6{padding:10px 0;}
    .productview .col-sm-12{padding-top:10px;}
}


/*新闻资讯css*/
.news_info{background:#fff; padding:30px 15px; margin-bottom:30px; align-items:center;}
.news_info .col-lg-4{ border-right:1px #e9e9e9 solid;}
.news_info .col-lg-8{padding-left:50px;}
.news_info .news_img{overflow: hidden; width:90%;}
.news_info .news_img img{width:100%; transform: scale(1); transition: all .5s ease-in-out;}
.news_info a:hover .news_img img{transform: scale(1.1);}
.news_info p{text-indent:0; color:#777777;}
.news_info h6{display: flex; justify-content: space-between; font-weight: bold;}
.news_info h6 span{font-size:14px; color:#222; font-weight:normal; font-family: "Arial";}
.news_info .news_more{background-image:linear-gradient(to right, #0d59c6, #297bf1); text-align:center; max-width:200px; padding:10px 0; position: relative; display: block; color:#fff; margin-top:40px;}
.news_info .news_more:after{content:"\e604"; position:absolute; right:30px; transition: all .5s ease-in-out;}
.news_info .news_more:hover:after{right:15px;}


/*新闻详情css*/
.newsview{ justify-content:center;}
.newsview_title{text-align:center;}
.newsview h5{margin-bottom:10px; border-bottom:1px #ccc solid; padding-bottom:15px; color:#000; font-weight:bold;}
.newsview span{font-size:14px; color:#a9a9a9; font-family:Arial; margin:0 15px;}
.newsview img{max-width:100%; margin:15px 0;}
.newsview p{margin:5px 0; text-indent:0;}

.prev_next1{display: flex; justify-content: space-between; margin:30px 0 20px; padding:20px 0; border-bottom:1px #ccc solid;}
.prev_next1 a{padding:8px 0;}

@media screen and (max-width:996px) {
   .news_info{padding:20px 10px; margin-bottom:20px;}
   .news_info .col-lg-4{ border-right:none;}
   .news_info .col-lg-8{padding-left:30px;}
   .news_info .news_img{width:95%;}
   .news_info .news_more{max-width:160px; padding:5px 0; margin-top:20px;}
   .prev_next1{margin:0px 0 10px; padding:10px 0;}
}
@media screen and (max-width:576px) {
   .news_info{padding:20px 0px; margin:0 0 20px 0;}
   .news_info .col-lg-8{padding:20px 0 0 15px;}
   .news_info .news_img{width:100%;}
   .news_info .news_more{max-width:120px; padding:8px 0; margin-top:10px;}
   .news_info .news_more:after{right:10px;}
   .news_info .news_more:hover:after{right:0px;}
   .prev_next1{flex-direction: column;}
   .prev_next1 a{padding:3px 0;}
}


/*生产设备css*/
.scsb .col-lg-4{border:2px #ededed solid;margin:-2px 0 0 -2px; padding:30px;}
.scsb h5{margin-bottom:15px;}
.scsb .scsb_img{overflow: hidden;}
.scsb .scsb_img img{width:100%; transform: scale(1); transition: all .5s ease-in-out;}
.scsb .scsb_img:hover img{transform: scale(1.1);}

/*检测设备css*/
ul.jcsb{border:2px #ededed solid; position: relative; overflow: hidden;}
ul.jcsb li{flex:0 0 55%; max-width:55%; padding:40px; border-right:2px #ededed solid;}
ul.jcsb li:nth-child(2){padding-top:40px; border-top:2px #ededed solid;}
ul.jcsb li:last-child{flex:0 0 45%; max-width:45%; right:0; top:0px; padding-top:40px; position: absolute; border-right:none;}
ul.jcsb li h4{margin-bottom:15px;}
ul.jcsb li .jcsb_img{overflow: hidden;}
ul.jcsb li .jcsb_img img{width:100%; transform: scale(1); transition: all .5s ease-in-out;}
ul.jcsb li .jcsb_img:hover img{transform: scale(1.1);}


/*技术参数css*/
a.technology_info{background:#fff; border:1px #ededed solid; max-width:100%; padding:0 5%; display: flex; height:100px; justify-content:space-between; align-items:center; margin-bottom:30px;}
a.technology_info:hover{background-image:linear-gradient(to right, #0d59c6, #297bf1); color:#fff; color:#fff;}
a.technology_info .iconfont{font-size:2em; color:#e71421; transition:all .5s ease-in-out;}
a.technology_info:hover .iconfont{color:#fff; transform: scale(1.2);}

@media screen and (max-width:996px){
    .scsb .col-lg-4{border:1px #ededed solid;margin:-1px 0 0 0px; padding:20px;}
    ul.jcsb li{padding:20px;}
    ul.jcsb li:nth-child(2){padding-top:20px;}
    ul.jcsb li:last-child{padding-top:20px;}
    a.technology_info{ margin-bottom:20px;}
}

@media screen and (max-width:576px){
    .scsb .col-lg-4{padding:15px;}
    ul.jcsb{border:1px #ededed solid;}
    ul.jcsb li{flex:0 0 100%; max-width:100%;border-right:none;}
    ul.jcsb li:nth-child(2){border-top:1px #ededed solid; border-bottom:1px #ededed solid;}
    ul.jcsb li:last-child{flex:0 0 100%; max-width:100%; position:relative; border-right:none;}
    a.technology_info{max-width:100%; padding:0 4%;height:80px; margin-bottom:10px;}
}



/*加入我们css*/
.concept{background:#fff;}
.concept .col-lg-4{border-right:1px #eee solid; border-bottom:1px #eee solid; padding:30px; position: relative;}
.concept .col-lg-4:nth-child(3n){border-right:none;}
.concept .iconfont{color:#0d59c6; font-size:38px; margin-bottom:15px;}
.concept .iconfont1{font-size:44px;}
.concept h5{margin-bottom:0; font-weight:bold;}
.concept span{position: absolute; top:0px; right:20px; font-size:45px; font-family: "Geometos"; color:rgba(0,0,0,.1);}
.concept1 .col-lg-12{background:#fff; padding:25px 35px 40px; margin-top:30px;}
.concept1 p{text-indent:0;}
.concept1 p i{width:8px; height:8px; border-radius:50%; background:#0d59c6; display: inline-block; margin-right:8px;}
.concept1 p.iconfont{font-size:35px; color:#0d59c6; padding-top:0;}
.concept1 h5{font-weight:bold; border-bottom:1px #ccc solid; padding-bottom:15px;}

.join_jobs{background:#fff; padding:30px; margin:30px 0 20px;}
.join_jobs p{padding:0; text-indent:0;}
.join_jobs h6{font-weight:bold; padding:15px 0 5px;}
.join_jobs ul{display: flex; flex-wrap: nowrap;}
.join_jobs ul li{border:1px #dedede solid; text-align:center; line-height: 45px;}
.join_jobs ul li:nth-child(odd){flex:0 0 10%; max-width:10%;}
.join_jobs ul li:nth-child(even){flex:0 0 40%; max-width:40%;}
.join_jobs ul:nth-child(even){background:#fafafa;}
.join_jobs ul:nth-child(5) li:nth-child(2){flex:0 0 90%; max-width:90%; text-align:left; padding:5px 20px 20px 20px;}
.join_jobs ul:nth-child(5) li:nth-child(2) p{line-height:24px;}
.join_jobs ul:last-child li{flex:0 0 100%; max-width:100%; text-align:right; padding-right:15px;}


@media screen and (max-width: 576px){
    .concept .col-lg-4{padding:15px;}
    .concept .iconfont{line-height:65px;}
    .concept span{right:10px; font-size:35px;}
    .concept .col-lg-4:nth-child(3n){border-right:1px #eee solid;}
    .concept1 .col-lg-12{padding:25px 15px 40px;}

    .join_jobs{padding:0px; margin:30px 0 20px;}
    .join_jobs ul{display: flex; flex-wrap:wrap; border:1px #dedede solid; border-bottom:none;}
    .join_jobs ul li{border:none; border-right:1px #dedede solid;}
    .join_jobs ul li:nth-child(odd){flex:0 0 20%; max-width:20%;}
    .join_jobs ul li:nth-child(even){flex:0 0 30%; max-width:30%;}
    .join_jobs ul li:last-child{border-right:none;}
    .join_jobs ul:nth-child(5) li:nth-child(2){flex:0 0 80%; max-width:80%; padding:5px 15px 20px 15px;}
    .join_jobs ul:last-child li{flex:0 0 100%; max-width:100%; text-align:right; padding-right:15px; border-bottom:1px #dedede solid;}

}

/********************************************联系我们css****************************************/
.contact{padding-bottom:80px;}
.contact h3{font-weight:bold; margin-bottom:20px; text-align:center; color:#0d59c6;}

.contact_info{background:#fff; border:1px #ddd solid; padding:40px 50px; height:175px; margin:15px 0;}
.contact_info:hover{box-shadow: 0 0 15px rgba(0,0,0,.1); border:1px #fff solid;}
.contact_info h5{font-weight:bold;}
.contact_info:hover h5{color:#0d59c6;}
.contact_info h5:after{content: ""; width:40px; height:4px; background:#ddd; display:block; margin:25px 0 15px 0;}

.iw_poi_title{color:#CC5522;font-size:16px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:14px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
#dituContent{width:100%; height:550px;border:#ccc solid 1px; box-shadow: 0 0 20px rgba(0,0,0,0.1); margin-top:20px;}

@media screen and (max-width:1440px){
    .contact_info{padding:30px 40px;}
}

@media screen and (max-width:996px){
    .contact{padding-bottom:50px;}
    .contact_info{padding:20px; height:155px;}
}

@media screen and (max-width: 576px){
    .contact{padding-bottom:30px;}
    .contact_info{padding:20px; height:auto; margin:8px 0;}
    #dituContent{height:300px;}
}

/*在线留言css*/
.message_info{width:90%; margin:30px auto 0;}
.message_info li{width:100%; line-height:45px; border:1px #ccc solid; margin-bottom:20px; display:flex;}
.message_info li input{width:70%; line-height:45px; background: none; border: none;}
.message_info li textarea{width:85%; line-height: 45px; background: none; border: none;}
.message_info li.submit{width:20%; background: #0d59c6; margin:0 auto;border-radius:4px;}
.message_info li.submit input{width:100%; font-size:16px; font-weight:bold; color: #fff;}
.message_info li span{ padding-left:10px; color:#999;}
/*.message_info .yzm li img{width:15px;}*/

@media screen and (max-width:1360px) {
    .message_info .yzm li input{width:60%;}
    .message_info li.submit{width:30%;}
}

@media screen and (max-width:996px){ 
    .message_info li input{width:60%;}
    .message_info .yzm li input{width:50%;}
}


@media screen and (max-width: 760px) {
    .message_info{width:100%; margin:10px auto 30px;}
    .message_box .col-md-12 h4{font-size:1.3rem;}
    .message_info li{width:100%; margin:0 0 20px 0;}
    .message_info li input{width:70%;}
    .message_info li textarea{width:70%;}
    .message_info li.submit{width:50%;}
    .message_info .yzm li input{width:65%;}
}



/*********************分页css************************/
.pagination {display:flex; align-items:center; justify-content:center; font-size:0; line-height:0; margin:40px auto 0px;}
.pagination:empty {margin-bottom:0;margin-left:0}
.pagination>* {display:inline-block;margin-top:0;margin-bottom:14px;margin-left:4px}
.pagination li {display:inline-block;vertical-align:middle;text-align:center}
.pagination li:first-child .pagination li a,
.pagination li:last-child .pagination li a {border-radius:50%}
.pagination li:first-child .pagination li a:hover,
.pagination li:first-child .pagination li a:focus,
.pagination li:first-child .pagination li a:active,
.pagination li:last-child .pagination li a:hover,
.pagination li:last-child .pagination li a:focus,
.pagination li:last-child .pagination li a:active {color:#fff}
.pagination li a,.pagination li span {display:inline-block;min-width:42px;padding:4px; font-size:14px; line-height:1.5; color:#333; border:1px #d9d9d9 solid;transition:all .3s ease-in-out}
.pagination li a.icon{font-size:22px}
.pagination li a:hover,.pagination li a:focus,.pagination li a:active,.pagination li.active span{color:#fff; background:#0d59c6 !important;}
.pagination li.active>.pagination li a,.pagination li.active>.pagination li a:hover,.pagination li.active>.pagination li a:focus,.pagination li.active>.pagination li a:active {color:#fff;}
.pagination li.disabled span>.pagination li a,.pagination li.disabled span>.pagination li a:hover,.pagination li.disabled span>.pagination li a:focus,.pagination li.disabled span>.pagination li a:active {color:#333;}
.pagination li.disabled span{min-width:75px; color:#ccc !important;}
.pagination li:last-child a{min-width:75px;}
.pagination li:first-child a{min-width:75px;}

.page-item-control .icon::before {font-family:fontawesome;line-height:25px}
.page-item-control:first-child .icon::before {content:'';margin-left:-1px}
.page-item-control:last-child .icon::before {content:'';margin-right:-1px}

.prev_next{display: flex; justify-content: space-between; margin:40px 0 20px; }
.prev_next a{ display: inline-block; position: relative;}
.prev_next a:after{content: ""; width:100%; height: 1px; background:#333; position: absolute; bottom:0; left: 0; transition:all .5s ease-in-out;}
.prev_next a:hover:after{background:#a50202;}

@media screen and (max-width:1440px){
    *+.pagination-wrap {margin:20px auto 0}
}

@media screen and (max-width: 576px){
    .pagination-wrap {margin:20px auto 0px;}
    .prev_next{justify-content:flex-start; flex-direction: column; margin:0; padding-top:15px;}
    .prev_next a{ padding:10px 0;}
    .prev_next span{padding:5px 0;}
}